RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / admin / resources / views / School / School /
Filename : upsert.blade.php
back
@extends('Admin.layout.main')
@section('content')
@section('pagestylesheet')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css" />
    <link rel="stylesheet" href="{{ asset('app-assets/vendors/select2/select2.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ asset('app-assets/vendors/select2/select2-materialize.css') }}" type="text/css">
    <style>
        .row .col.m6 {
            position: relative;
        }

        .password-hideshow {
            position: absolute;
            right: 23px;
            top: 10px;
            cursor: pointer;
        }

        p.error {
            color: red;
            line-height: 18px;
        }
    </style>
@stop
<div id="main">
    <div class="row">
        <div class="col s12">
            <div class="container">
                <div class="section">
                    <div class="row">
                        <div class="col s12 m12 l12">
                            <div id="Form-advance" class="card card card-default scrollspy">
                                <div class="card-content">
                                    <h4 class="card-title">{{ isset($school) ? 'Edit School' : 'Add School' }}</h4>
                                    @if ($message = Session::get('success'))
                                        <div class="alert alert-success alert-dismissable alert-style-1 text-success">
                                            <p><i class="zmdi zmdi-check"></i> {{ $message }}</p>
                                        </div>
                                    @elseif ($message = Session::get('error'))
                                        <div class="alert alert-danger alert-dismissable alert-style-1 text-danger">
                                            <p><i class="zmdi zmdi-close"></i> {{ $message }}</p>
                                        </div>
                                    @endif
                                    @if ($errors->any())
                                        <div>
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li
                                                        class="alert alert-danger alert-dismissable alert-style-1 text-danger">
                                                        <i class="zmdi zmdi-block"></i> {{ $error }}
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif

                                    <form action="{{ isset($school) ? route('school-management.update', $school->school_id) : route('school-management.store') }}" method="POST" id="create-school" enctype="multipart/form-data">
                                        @csrf
                                        @if(isset($school))
                                            @method('PUT')
                                            <div class="row">
                                                <div class="input-field col m6 s12">
                                                    <input id="school_uuid" name="school_uuid" type="text" value="{{ isset($school) ? $school->uuid : old('uuid') }}">
                                                    <label for="school_uuid">School UUID</label>
                                                </div>
                                            </div>
                                        @endif


                                        <div class="row">
                                            <div class="input-field col m6 s12">
                                                <input id="school_name" name="school_name" type="text" value="{{ isset($school) ? $school->school_name : old('school_name') }}">
                                                <label for="school_name">School Name</label>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="input-field col m6 s12">
                                                <label for="school_description">School Description</label><br>
                                                <textarea class="ckeditor form-control" id="school_description" name="description">{{ isset($school) ? $school->description : old('description') }}</textarea>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col m6 s12 file-field input-field">
                                                <div class="btn float-left">
                                                    <span>Select School Logo</span>
                                                    <input type="file" name="school_logo_img" id="imgInp" class="fileUpload">
                                                </div>
                                                <div class="file-path-wrapper">
                                                    <input class="file-path validate" type="text">
                                                </div>
                                            </div>
                                            <div class="content">
                                                <img id="imgs" width="45" src="{{ isset($school) ? asset($school->school_logo_img) : '' }}" />
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="input-field col s12">
                                                <button class="btn cyan waves-effect waves-light right" type="submit" name="action">{{ isset($school) ? 'Update' : 'Submit' }}
                                                    <i class="material-icons right">save</i>
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@section('pagescript')
    <script src="{{ asset('app-assets/js/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('//cdn.gaic.com/cdn/ui-bootstrap/0.58.0/js/lib/ckeditor/ckeditor.js')}}"></script>

    <script type="text/javascript">

        CKEDITOR.replaceAll('.ckeditor');

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $('#imgs').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]); // convert to base64 string
            }
        }

        $("#imgInp").change(function() {
            readURL(this);
        });

        $('#create-school').validate({
            rules: {
                school_logo_img: {
                    required: {{ isset($school) ? 'false' : 'true' }},
                },
                school_name: {
                    required: true,
                },
                school_address: {
                    required: true,
                },
                school_contact: {
                    required: true,
                },
                school_description: {
                    required: true,
                },
            },
            messages: {
                school_logo_img: {
                    required: 'Please select a school logo',
                },
                school_name: {
                    required: 'Please enter the school name',
                },
                school_address: {
                    required: 'Please enter the school address',
                },
                school_contact: {
                    required: 'Please enter the school contact',
                },
                school_description: {
                    required: 'Please enter the school description',
                },
            },
            errorElement: "p",
            errorPlacement: function(error, element) {
                element.after(error);
            },
            highlight: function(element) {
                $(element).closest('.form-group').addClass('has-error');
            },
            unhighlight: function(element) {
                $(element).closest('.form-group').removeClass('has-error');
            },
        });

    </script>

    {{-- image type validation --}}
    <script type="text/javascript">
        $.fn.checkFileType = function(options) {
            var defaults = {
                allowedExtensions: ['jpg', 'jpeg', 'png', "gif"],
                preview: "",
                success: function() {},
                error: function() {}
            };
            options = $.extend(defaults, options);
            $previews = $(options.preview);
            return this.each(function(i) {

                $(this).on('change', function() {
                    var value = $(this).val(),
                        file = value.toLowerCase(),
                        extension = file.substring(file.lastIndexOf('.') + 1),
                        $preview = $previews.eq(i);

                    if ($.inArray(extension, options.allowedExtensions) == -1) {
                        options.error();
                        $(this).focus();
                    } else {
                        if (this.files && this.files[0] && $preview) {
                            var reader = new FileReader();
                            reader.onload = function(e) {
                                $preview.show().attr('src', e.target.result);
                                options.success();
                            };

                            reader.readAsDataURL(this.files[0]);
                        } else {
                            options.error();
                        }

                    }

                });

            });
        };

        $('.fileUpload').checkFileType({
            allowedExtensions: ['jpg', 'jpeg', 'png', "gif"],
            preview: ".preview",
            success: function() {
                // success callback
            },
            error: function() {
                alert('Please only select png, jpg, jpeg, or gif type file for the image.');
            }
        });
    </script>
    {{-- image type validation close --}}
@stop
@endsection